<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../stylesheets/zworld-home.css">
    <link rel="stylesheet" href="../stylesheets/swiper-3.3.1.min.css">
    <script type="text/javascript" src="../javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../javascripts/swiper-3.3.1.min.js"></script>
    <script type="text/javascript" src="../javascripts/zworld-home.js"></script>
</head>
<body>
<!--login-->
    <div class="head">
        <div class="head_1">
            <img src="../images/index-logo.png" alt="" class="head_1_logo">
            <input type="text" class="login_text" placeholder="搜索国家 城市 产品">
            <button class="head_search"> 搜索</button>
            <div class="app-div"> <img src="../images/app1.png" alt="" class="app-img">
            </div>
            <ul class="city_search_ul">
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">日本</span><em>热门搜索</em></a></li>
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">清迈</span><em>热门搜索</em></a></li>
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">海岛</span><em>热门搜索</em></a></li>
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">法国</span><em>热门搜索</em></a></li>
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">台湾</span><em>热门搜索</em></a></li>
                <li class="city_search_li"><a href="" class="city_search_a"><span class="city_search_span">韩国</span><em>热门搜索</em></a></li>
            </ul>

            <img src="../images/head-wordbg.png" alt="" class="head_1_worldbg">
        </div>
    </div>
    <!--nav-->
        <div class="nav">
            <ul class="nav_ul">
                <li class="nav_li"><a href="/">首页</a></li>
                <li class="nav_li"><a href="#">机酒自由行</a></li>
                <li class="nav_li"><a href="#">城市玩乐</a></li>
                <li class="nav_li"><a href="#">签证</a></li>
                <li class="nav_li"><a href="#">租车</a></li>
                <li class="nav_li"><a href="#">游轮</a></li>
                <li class="nav_li"><a href="#">海岛游</a></li>
                <li class="nav_li"><a href="#">限时特卖</a></li>
                <li class="nav_li"><a href="#">特色路线</a></li>
                <li class="nav_li"><a href="cityWalk">CityWalk</a></li>
            </ul>
        </div>
<!--侧边按钮-->
            <div class="rihgt-float">
                <a href="" class="right-a"><img src="" alt=""></a>
                <a href="" class="right-a"></a>
                <a href="" class="right-a"></a>
            </div>
<!--banner-->
    <div class="swiper-container" id="swiper-containerDiv">
 <!--轮播图-->
            <div class="swiper-wrapper">  </div>
            <div class="swiper-pagination">
        <!--分页-->
    </div>
            <div class="swiper-button-prev swiper-button-black"></div> <!-- 黑色 -->
            <div class="swiper-button-next swiper-button-black"></div> <!-- 黑色 -->
        <!--热门类目-->
        <div class="zw-home-category" id="zwCategory">
            <!--侧边栏-->
            <ul class="zw-home-category-list" id="zwCategoryList">

            </ul>
            <!--焦点数据  ul->
             <ul class="zw-home-category-ul"> </ul>
            <!-九个圈-->
            <div class="zw-home-category-theme">  </div>
            <!---类目焦点-->
        </div>
    </div>
<!---首屏广告-下-->
    <div class="zw-home-adareas">
        <ul class="zw-home-adareas-ul">
            <li class="zw-home-adareas-li"><img src="../images/add1.jpg" alt=""></li>
            <li class="zw-home-adareas-li"><img src="../images/add2.jpg" alt=""></li>
            <li class="zw-home-adareas-li"><img src="../images/add3.jpg" alt=""></li>
            <li class="zw-home-adareas-li"><img src="../images/add4.jpg" alt=""></li>
        </ul>
    </div>
<!--限时特卖-->
    <div class="zw-home-todaysale">
        <div class="zw-home-todaysale-wrap">
            <div class="zw-home-wrap-title">
                <h2 class="zw-home-wrap-title-h2">限时特卖</h2>
                <p class="zw-home-wrap-title-p">每日必看的特价精选</p>
                <span class="zw-home-wrap-title-span"><img src="/images/huanyihuan_39.png" width="14px" height="14px" alt="">换一换</span>
            </div>
            <div class="zw-home-todaysale-content" id="tdsaleContent">
                <ul class="zw-home-todaysale-list-ul">
                    <li class="zw-home-todaysale-li">
                        <a href="#" class="zw-home-todaysale-a">
                            <img src="../images/120%20(1).jpg" alt="" class="zw-home-todaysale-img">
                            <h3 class="zw-home-todaysale-h3">【元旦/圣诞/春节预售】香港/天津/北京/成都出发芽庄4-7天自由行</h3>
                            <p class="zw-home-todaysale-p"><span class="zw-home-todaysale-span">2299</span>元</p>
                        </a>

                    </li>
                    <li class="zw-home-todaysale-li">
                        <a href="#" class="zw-home-todaysale-a">
                            <img src="../images/120%20(2).jpg" alt="" class="zw-home-todaysale-img">
                            <h3 class="zw-home-todaysale-h3">【元旦/圣诞/春节预售】香港/天津/北京/成都出发芽庄4-7天自由行</h3>
                            <p class="zw-home-todaysale-p"><span class="zw-home-todaysale-span">2299</span>元</p>
                        </a>

                    </li>
                    <li class="zw-home-todaysale-li">
                        <a href="#" class="zw-home-todaysale-a">
                            <img src="../images/120%20(3).jpg" alt="" class="zw-home-todaysale-img">
                            <h3 class="zw-home-todaysale-h3">【元旦/圣诞/春节预售】香港/天津/北京/成都出发芽庄4-7天自由行</h3>
                            <p class="zw-home-todaysale-p"><span class="zw-home-todaysale-span">2299</span>元</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<!---机酒自由行-->
    <div class="zw-home-freeWalk">
        <div class="zw-home-freeWalk-wrap">
            <!--标题-->
        <div class="zw-home-freeWalk-title">
            <h2 class="zw-home-freeWalk-h2">机酒自由行</h2>
            <p class="zw-home-freeWalk-p">精选全球最优质机票、酒店、邮轮等旅行产品</p>
            <ul class="zw-home-freeWalk-ul  clearfix" >
            </ul>
        </div>
<!--内容-->
            <div class="zw-home-freeWalk-wrap-content">
                <ul class="zw-home-freeWalk-wrap-ul clearfix">  </ul>
            </div>
        </div>
    </div>
<!--城市玩乐-->
            <div class="cityPlay clearfix">
                <div class="cityPlay-warp">
                    <!--tilte-->
                    <div class="cityPlay-warp-title">
                        <h2 class="title-h2">城市玩乐</h2>
                        <p>像当地人一样，体验最本土的吃喝玩乐</p>
                        <ul class="title-ul">
                            <li class="title-li"><a href="">日本</a></li>
                            <li class="title-li"><a href="">泰国</a></li>
                            <li class="title-li"><a href="">港澳台</a></li>
                            <li class="title-li"><a href="">新西兰</a> </li>
                            <li class="title-li"><a href="">澳大利亚</a></li>
                            <li class="title-li"><a href="">美国</a></li>
                            <li class="title-li"><a href="">WIFI/电话卡</a></li>

                        </ul>
                    </div>
                    <!--warp-->
                    <div class="cityPlay-warp-list">
                        <ul class="warp-ul">
                            <li id="warp-li-one" class="warp-li">
                                <img src="../images/420x280 (1).jpg" width="370px" height="265px"/>
                                <h3 class="warp-li-one-h3">【官方授权】日本大阪环球影城入园实体票/电子票(实体包邮)</h3>
                                <div class="warp-li-one-div">
                                    <p class="warp-li-one-p1">城市玩乐</p>
                                    <p class="warp-li-one-p2"><em>488</em>元起</p>
                                </div>

                            </li>
                            <li class="warp-li">
                                <img src="../images/120 (4).jpg" alt="" />
                                <p class="warp-li-p11">日本箱根周游券(2日票/3日票)</p>
                                <p class="warp-li-p22"><em>275</em>元起</p>
                            </li>
                            <li class="warp-li">
                                <img src="../images/120 (3).jpg" alt="" />
                                <p class="warp-li-p11">日本箱根周游券(2日票/3日票)</p>
                                <p class="warp-li-p22"><em>275</em>元起</p>
                            </li>
                            <li class="warp-li-more">
                                <a href="">
                                    <p class="more-title">查看更多 <br/>城市玩乐产品</p>
                                    <img src="../images/right_43.png" alt="" class="cicle2">
                                    <p class="more-sub1">
                                        <a href="" class="more-sub1-a1">WiFi/电话卡</a>
                                        <a href="" class="more-sub1-a1">交通票券</a>
                                        <a href="" class="more-sub1-a1">景点门票</a>
                                        <a href="" class="more-sub1-a1">特色体验</a>
                                    </p>
                                </a>
                            </li>
                            <li class="warp-li">
                                <img src="../images/120 (2).jpg" alt="" />
                                <p class="warp-li-p11">日本箱根周游券(2日票/3日票)</p>
                                <p class="warp-li-p22"><em>275</em>元起</p>
                            </li>
                            <li class="warp-li">
                                <img src="../images/120 (1).jpg" alt="" />
                                <p class="warp-li-p11">日本箱根周游券(2日票/3日票)</p>
                                <p class="warp-li-p22"><em>275</em>元起</p>
                            </li>
                            <li class="warp-li">
                                <img src="../images/120 (6).jpg" alt="" />
                                <p class="warp-li-p11">日本箱根周游券(2日票/3日票)</p>
                                <p class="warp-li-p22"><em>275</em>元起</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
<!--主题推荐-->
<div class="zw-theme-freeWalk clearfix">
    <div class="zw-theme-freeWalk-wrap">
        <!---标题-->
        <div class="zw-theme-freeWalk-title">
            <h2 class="zw-theme-freeWalk-h2">主题推荐</h2>
            <p class="zw-theme-freeWalk-p">亲子、蜜月、个性玩法…你想要的这里都有</p>
            <ul class="zw-theme-freeWalk-ul clearfix" >
            </ul>
        </div>
        <!--内容-->
        <div class="zw-theme-freeWalk-wrap-content">
            <ul class="zw-theme-freeWalk-wrap-ul clearfix">  </ul>
        </div>
    </div>
</div>
<!--footer   公共页脚部分-->
    <div class="footer_div"></div>

</body>
</html>